<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jstl/core"
                xmlns:sf="http://www.springframework.org/tags/faces"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:spring="http://www.springframework.org/tags"
                template="../../../layout/Template.xhtml">

    <ui:define name="menu">
        <ui:include src="${user.menu}"/>
    </ui:define>

    <ui:define name="title">
        <h:outputText value="#{resourceBundle.readUnitWelcome}"/>
    </ui:define>

    <ui:define name="content">
        <h:form id="readUnitForm">
            <rich:panel id="readUnitPanel" header="#{resourceBundle.readUnitWelcome}">

                <h:panelGrid id="readUnitGrid" columns="2">
                    <h:outputText value="#{resourceBundle.readUnitName} : "/>
                    <h:outputText value="#{currentUnit.name}"/>

                    <h:outputText value="#{resourceBundle.readUnitCredit} : "/>
                    <h:outputText value="#{currentUnit.credit}"/>
                </h:panelGrid>
                <h:panelGrid id="readUnitMenuLink">
                    <rich:toolBar>
                        <rich:dropDownMenu direction="bottom-right">
                            <f:facet name="label">
                                <h:panelGroup>
                                    <!-- <h:graphicImage value="/images/icons/copy.gif" styleClass="pic"/>-->
                                    <h:outputText value="#{resourceBundle.readUnitChooseLink}"/>
                                </h:panelGroup>
                            </f:facet>
                            <rich:menuItem submitMode="ajax"
                                           value="#{resourceBundle.readUnitFieldWorkLink}"
                                           action="fieldwork"/>
                            <rich:menuItem submitMode="ajax"
                                           value="#{resourceBundle.readUnitLessonLink}"
                                           action="lesson"/>
                            <rich:menuItem submitMode="ajax"
                                           value="#{resourceBundle.readUnitTutorialLink}"
                                           action="tutorial"/>
                            <rich:menuItem submitMode="ajax"
                                           value="#{resourceBundle.readUnitPartialLink}"
                                           action="partial"/>
                            <rich:menuItem submitMode="ajax"
                                           value="#{resourceBundle.readUnitProjectLink}"
                                           action="project"/>
                            <rich:menuItem submitMode="ajax"
                                           value="#{resourceBundle.readUnitRemedialLink}"
                                           action="remedial"/>
                            <rich:menuSeparator id="menuSeparator1"/>
                            <rich:menuItem submitMode="ajax"
                                           value="#{bundle.backButton}"
                                           action="backToListUnit"/>
                        </rich:dropDownMenu>
                    </rich:toolBar>
                </h:panelGrid>
            </rich:panel>
        </h:form>
    </ui:define>

</ui:composition>